﻿/*********************************************************************************
 * The contents of this file are subject to the SugarCRM Public License Version
 * 1.1.3 ("License"); You may not use this file except in compliance with the
 * License. You may obtain a copy of the License at http://www.sugarcrm.com/SPL
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied.  See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * All copies of the Covered Code must include on each user interface screen:
 *    (i) the "Powered by SugarCRM" logo and
 *    (ii) the SugarCRM copyright notice
 * in the same form as they appear in the distribution.  See full license for
 * requirements.
 *
 * The Original Code is: SugarCRM Open Source
 * The Initial Developer of the Original Code is SugarCRM, Inc.
 * Portions created by SugarCRM are Copyright (C) 2004-2006 SugarCRM, Inc.;
 * All Rights Reserved.
 * Contributor(s): ______________________________________.
 ********************************************************************************/
/*********************************************************************************
 * $Id: style.css,v 1.10 2005/12/08 22:04:02 liliya Exp $
 * Description:  Contains a variety of utility functions used to display UI 
 * components such as form headers and footers.  Intended to be modified on a per 
 * theme basis.
 ********************************************************************************/
 
/* Default Styles */
body { 
	margin: 0px 0px 0px 0px;
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	background-color: #f7f7f7;/*#FFF;/*#CEDFF1;*/
	}
/*	
img {
	behavior:	url("https://www.mooncrm.com/crm/include/pngbehavior.htc");
}
*/
.body { 
	font-size: 12px;
	}
	
table,td {
	color: #000;
	font-size: 12px;
	}

p {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 12px;
	}
	
form {
	margin: 0px;
	}

h1 {
	color: #EA1313;
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
	}

h2 {
	color: #009933;
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px; 
	margin-bottom: 0px;
	margin-top: 0px;
	}

h3 {
	color: #003399; 
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	margin-bottom: 4px;
	}

h4 {
	color: #333333; 
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 2px;
	}

h5 {
	color: #333333; 
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; 
	font-weight: bold; 
	margin-bottom: 1px;
	}
h6 {
	color: #009933; 
	font-family: 宋体,Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	margin-bottom: 1px;
	}
/*moon	
LI {
	LIST-STYLE-TYPE: square; 
	margin-left: 6px; 
	MARGIN-BOTTOM: 2px;
	}
*/	
/*moon	
UL {
	MARGIN-TOP: 2px;
	}
*/	
hr {
	height: 1px;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
	}
a:hover {
		color: #e81a11;
	}
/* Form Styles */

.button {

	border: 1px solid #999999;
	background-color: #dfdfdf;
	font-size: 12px;
	color: #444444;
	COLOR: #003399;
	cursor: hand;
	font-weight: normal;
	cursor:pointer;
	}
	
.buttonOn {
	border: 1px solid #e81a11;	
	background-color: #f1f1f1;
	font-size: 12px;
	color: #7f0000;
	}


input,select {
	/*border: expression((this.type=="checkbox"||this.type=="radio"?"!important":"1px solid #999")); /*如果定义0px，则在xp系统下就没有凹凸的效果了，所以这里只是把之前的定义取消*/
	border: 1px solid #999;
	font-size: 12px;
	/*background-color: expression((this.type=="checkbox"||this.type=="radio"?"transparent":"#fff"));*/
	background-color:#fff;
	/*moon del margin-bottom: 3px;*/
	COLOR: #003399;
	BACKGROUND-IMAGE: url(/crm/themes/OA/images/button_face.gif);
	}

.checkbox,.radio {
	border:0px;
	background-color: transparent;
	margin: 0px;
	vertical-align: bottom;
	background-image:none;
	}

.checkbox1 {
	border:0px;
	background-color: transparent;
	margin: 0px;
	/*vertical-align: bottom;*/
	background-image:none;
	}

/*
.checkbox,.radio
{
	background-image:none;
	border:!important;
	background-color:transport;
}
*/
	
	
textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #999;
	font-size: 12px;
	background-color: #fff;
	}

/*moon added*/
.NTEXTDISABLED {
	BORDER-RIGHT: #a5aec6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a5aec6 1px solid; PADDING-LEFT: 2px; BORDER-LEFT: #a5aec6 1px solid; COLOR: #8d8d8d; BORDER-BOTTOM: #a5aec6 1px solid; BACKGROUND-COLOR: #f1f4f9; TEXT-ALIGN: left
}
	
/* Content Specific Styles */
	/* body text */
	.contentBox {
		background-color: #f1f1f1;
		border: 1px #ddd solid;
		padding: 12px;
	}
	.teamNoticeBox {
		background-color: #f1f1f1;
		border: 1px #aaa solid;
		padding-left: 5px;
		padding-right: 5px;
		color: #000;
	}
	/*moon
	a.body:link, a.body:visited {
		color: #444444;
		font-size: 12px;
	text-decoration: underline;
		}
		
	a.body:hover {
		color: #e81a11;
		}
	*/
	
	/* myArea is for my account, admin, logout, an about links*/
	.header {		
		background-color: #f1f1f1;
		}
	
	.myArea {
		font-size: 12px;
		font-weight: bold;
		color: #666;
		}
	a.myAreaLink:link, a.myAreaLink:visited {
		color: #555;
		text-decoration: none;
		}
	a.myAreaLink:hover {
		color: #e81a11;
		}
		
	.search {
		padding-right: 12px;
		}	
	.searchField {
		border: 1px solid #999;
		background-color: #f1f1f1;
		font-size: 12px;
	margin-bottom: 0px;
		}
	.searchButton {	
		font-size: 12px;
		margin: 3px 0 0 0;
		font-weight: bold;
		border: 1px solid #999;
		background-color: #cedce9;
		color: #000;
		}	
	/*for the main screen navigation tabs*/
	#tabRow {
		margin: 0;
		padding: 0 0 0 9px;
		height: 21px;
		font: 12px Arial, Verdana, Helvetica, sans-serif;
		border-bottom: 1px solid #aaa;
		list-style-type: none;
		}
	#tabRow li {
		float: left;
		margin-right: 1;
		padding: 0;
		width: auto;
		display: block;
		border-right: 1px solid #bbb;
		border-left: 1px solid #bbb;
		margin-left: 1px;
		}
		
	.currentTab {
		float: left;
		padding: 0;
		background: #fff;
		cursor: default;
		padding: 1px 6px 2px 6px;
		}	
	
	a.currentTab:link, a.currentTab:visited, a.currentTab:hover {
		color: #000;
		cursor: default;
		font-weight: bold;
		text-decoration: none;
		border-top: 2px solid #e81a11;
		border-bottom: 1px solid #fff;
		}	
		
	.otherTab {
		float: left;
		padding: 0;
		width: auto;
		display: block;
		padding: 2px 6px 2px 6px;
		}
		
	a.otherTab:link, a.otherTab:visited {
		background: #e6e6e6;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		border-top: 2px solid #7f0000;
		display: block;
		}
	a.otherTab:hover {
		background: #fff;
		}
	#MoreHandle {
		background: #ddd;
		font-weight: bold;
		text-decoration: none;
		border-top: 2px solid #7f0000;
		display: block;
		}
						
	#subMenu {
		width: 100%;
		padding: 0px;
		border-top: 0px;
		margin: 0px;
		font: normal 12px Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		background: #f1f1f1;
		}
		
	ul#subMenu li
		{
		list-style: none;
		margin: 0px;
		border: 0px;
		border-bottom: 1px solid #fff;
		}

	ul#subMenu li a {
	
		display: block;
		border: 0px;
		text-decoration: none;
		text-align: left;
		border-left: 12px solid #b0cbe2;
		padding: 2px 8px 2px 8px;
		}	
		
	ul#subMenu li a:hover {
		border-color: #fff;
		background: #cedce9;
		color: #000;
		}		
		
	.leftSideNavigation {		
		border-right: 1px solid #bbb;		
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #bbb;
		background: #cddce8;
		padding: 0;
		margin: 0;
		}
	.hideShow  {
		background-color: #fff;
		padding: 0;
		margin: 0;
	}
	
		
	/*welcome user and date bar and last view*/
	.moduleTitle {
		border-bottom: 1px solid #bbb;
	}
	.welcome {
		font-size: 12px;
		color: #000;
		padding: 5px;
		}

	.date {
		font-size: 13px;
		font-weight: bold;
		color: #000;
		background-color: #dddddd;
		border-bottom: 1px solid #bbbbbb;
		padding-right: 12px;
		}
			
	/*left column styles*/
	table.leftColumnModuleHead th {
		text-align: left;
		background: #fff;
		font-size: 12px;
		font-weight: bold;
		color: #333;
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
		padding: 0px 2px 0px 5px;
	}

	.leftColumnModuleS3  {
		font-size: 12px;
		color: #000;
		background-color: #f1f1f1;
		padding: 7px 12px 12px 12px;
	}
	a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
		color: #666666;
		border-bottom: 0px;
		padding-left: 0px;
		}
	a.leftColumnModuleS3Link:hover {
		color: #444444;
		text-decoration: underline;
		border-bottom: 0px;
		}
	
	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border: 1px solid #aaa;
	}

	table.listView th {
		/* this definition should be exactly the same as .listViewThS1 */
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #666;
		height: 20px;
		background-color: #E0EAF5;
	}

	.listViewThS1 {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		/*border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #666;*/
		height: 20px;
		background-color: #E0EAF5;
		/*border: 1px solid #aaa;*/
	}
	.listViewSubHeadS1 {
		background-color: #ffffff;
	}
	.smallBorder{
		BORDER-top: rgb(0,0,0) 1px solid #bbb;
		BORDER-bottom: rgb(0,0,0) 1px solid #bbb; 
		BORDER-left: rgb(0,0,0) 1px solid #bbb; 
		BORDER-right: rgb(0,0,0) 1px solid #bbb;

		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		height: 20px;
		background-color: #E0EAF5;
		/*background-color:#f1f1f1;*/
	}

	.small_header{
		/*BORDER-top: rgb(0,0,0) 1px solid #bbb;*/
		BORDER-bottom: rgb(0,0,0) 1px solid #bbb;
		/*BORDER-left: rgb(0,0,0) 1px solid #bbb;*/ 
		/*BORDER-right: rgb(0,0,0) 1px solid #bbb;*/

		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
		height: 20px;
		/*background-color: #E0EAF5;*/
	}

	.small_td{
		/*BORDER-top: rgb(0,0,0) 1px solid #bbb;*/
		/*BORDER-bottom: rgb(0,0,0) 1px solid #bbb;*/ 
		/*BORDER-left: rgb(0,0,0) 1px solid #bbb;*/ 
		/*BORDER-right: rgb(0,0,0) 1px solid #bbb;*/

		font-size: 12px;
		color: #000;		
		padding: 2px 5px 4px 5px;
		width:100%;
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
		text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

	}
	
	.smallBorder1{
		BORDER-top: rgb(0,0,0) 1px solid #bbb;
		BORDER-bottom: rgb(0,0,0) 1px solid #bbb; 
		BORDER-left: rgb(0,0,0) 1px solid #bbb; 
		BORDER-right: rgb(0,0,0) 1px solid #bbb;
		text-alig:center;
		}
	.smallBorder2{
		BORDER-top: rgb(0,0,0) 1px solid #bbb;
		BORDER-bottom: rgb(0,0,0) 1px solid #bbb; 
		BORDER-left: rgb(0,0,0) 1px solid #bbb; 
		BORDER-right: rgb(0,0,0) 1px solid #bbb;
		/*background-color:#f1f1f1;*/

		font-size: 12px;
		color: #000;		
		padding: 2px 5px 4px 5px;
		width:100%;
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
		text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/

		}
	.EE	{
		EMPTY-CELLS:SHOW;BORDER-COLLAPSE:COLLAPSE; 
		/*BACKGROUND-COLOR:#FFFFFF*/
		/*word-break:break-all;*/
		table-layout:fixed;
		}
	.EE TD{
	HEIGHT:20PX;
	BORDER-TOP:1PX SOLID #bbb; /*moon added*/
	BORDER-LEFT:1PX SOLID #bbb; /*moon added*/
	BORDER-BOTTOM:1PX SOLID #bbb; 
	BORDER-RIGHT:1PX solid #bbb; 
	PADDING-LEFT:1PX solid #A1BAD8;
	PADDING-RIGHT:1PX solid #A1BAD8;}

	.EE_SMALL	{
		EMPTY-CELLS:SHOW;BORDER-COLLAPSE:COLLAPSE; 
		/*BACKGROUND-COLOR:#FFFFFF*/
		/*word-break:break-all;*/
		table-layout:fixed;
		}
	.EE_SMALL TD{
	HEIGHT:20PX;
	/*BORDER-BOTTOM:1PX SOLID #bbb; 
	BORDER-RIGHT:1PX solid #bbb; 
	PADDING-LEFT:1PX solid #A1BAD8;
	PADDING-RIGHT:1PX solid #A1BAD8;*/}
	
	h5.listViewSubHeadS1 {
		color: #7f0000; 
		font-size: 13px; 
		font-weight: bold; 
		margin-top: 1px;
		margin-bottom: 1px;
	}


	table.listview th a:link, table.listview th a:visited {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
		color: #000;
		text-decoration: none;
	}

	table.listview th a:hover {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:hover */
		color: #1c4da0; 
	}

	a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
		color: #000;
		text-decoration: none;
		}
	a.listViewThLinkS1:hover {
		color: #1c4da0; 
		}


	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	color: #1c4da0;
	text-decoration: none;

		}
	a.listViewTdLinkS1:hover {
	text-decoration: underline;
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
	text-decoration: none;
		}
	a.listViewTdToolsS1:hover {
	color: #e81a11;
	}
	.evenListRowS1 {
		font-size: 12px;
		color: #000;
		padding: 2px 5px 4px 5px;
	}
	.oddListRowS1 {
		font-size: 12px;
		color: #000;		
		padding: 2px 5px 4px 5px;
		/*border: 1px solid #cddce8;*/
	}
	.listViewHRS1 {
		background-color: #cddce8;
	}
	.pageNumbers {
		color: #666;		
	}
	.listViewPaginationTdS1 {
		font-size: 12px;
		color: #555;
		background-color: /*#A4CEF9*/#eee;
		padding-right: 5px;
		padding-left: 5px;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #cedce9;
	}
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		color: #003399;/*moon #1c4da0; moon #7f0000;*/
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}
	a.listViewPaginationLinkS1:hover {
		color: #e81a11;
		}
	a.listViewCheckLink:link, a.listViewCheckLink:visited {
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}
	a.listViewCheckLink:hover {
		color: #e81a11;
		}
		
	a.utilsLink:link, a.utilsLink:visited {
		color: #7f0000;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;

		}
	a.utilsLink:hover {
		color: #e81a11;
		}
	.listViewCalCurrentAppt {
	background-color: #75AF4F;
	}
	.listViewCalOtherAppt {
	background-color: #4D5EAA;
	}
	.listViewCalConflictAppt {
	background-color: #AA4D4D;
	}
	.listViewCalCurrentApptLgnd {
	background-color: #75AF4F;
	border: 1px solid #444444;
	}
	.listViewCalOtherApptLgnd {
	background-color: #4D5EAA;
	border: 1px solid #444444;
	}
	.listViewCalConflictApptLgnd {
	background-color: #AA4D4D;
	border: 1px solid #444444;
	}
	/* charting styles */
	.chartBox {
		background-color: #ffffff;
		border: 1px #bbb solid;
		padding: 5px;
	}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		color: #7f0000;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}
	a.chartToolsLink:hover {
		color: #e81a11;
		}
		
	table.chartForm {
		background-color: #f1f1f1;
		border: 1px #9E9E9E solid;
		padding: 5px;
	}
	
	table.chartForm td {
		background-color: #f1f1f1;
	}
	
	/* main tab forms */
	
	.tabForm {
	
		background-color: #f1f1f1;
		border: 1px #bbb solid;
		padding: 12px;
	}
	
	h4.dataLabel {
		color: #000; 
		font-size: 13px; 
		font-weight: bold; 
		margin-bottom: 8px;
		text-align: left;
	}
	
	h5.dataLabel {
		color: #888888; 
		font-size: 13px; 
		font-weight: bold; 
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.dataLabel { 
		vertical-align : middle;/*top;*/
		text-align: right;
		border:0px;
	}
	.dataLabelTop { 
		vertical-align : top;
		text-align: right;
		border:0px;
	}
	.dataField {
		font-weight: normal;
		vertical-align : top;
		padding: 1px;
		border:0px;
	}

	.dataFieldDetail {
		vertical-align : middle;/*top;*/
		text-align: left;
		color: blue;
		/*font-weight: bold;*/
		border:0px;
	}

	.dataFieldDetailRecharge {
		vertical-align : middle;/*top;*/
		text-align: left;
		color: blue;
		font-weight: bold;
		border:0px;
	}
	
	.tabFormAddDel {
		padding-left: 4px; 
		padding-right: 4px; 
		vertical-align: middle; 
		text-align: center;
	}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		color: #7f0000;
		font-size: 12px;
		text-decoration: none;
		}
	a.tabFormAdvLink:hover {
		color: #e81a11;
		}
	
	/* main tab panel views */
	.tabDetailView {
		border: 1px solid #bbb;
		background-color: #dfe7ed;
	}
	.tabDetailViewDL {
		font-size: 12px; 
		color: #000; 
		font-weight: bold;
		padding: 3px 6px 2px 4px;
		vertical-align: top;
		text-align: right;
	}
	
	h4.tabDetailViewDL {
		color: #000; 
		font-size: 14px;  
		margin-bottom: 2px;
		text-align: left;
	}
	.tabDetailViewDF {
		font-size: 12px; 
		color: #000; 
		background-color: #fff;
		padding: 2px 4px 2px 6px;
		vertical-align: top;
	}
	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		color: #1c4da0;
		text-decoration: none;
		}
	a.tabDetailViewDFLink:hover {
		text-decoration: underline;
		}		
	.tabDetailView2 {
		border: 1px solid #bbb;
		background-color: #dfe7ed;
	}
	.tabDetailViewDL2 {
		color: #000; 
		padding: 3px 6px 2px 4px;
		vertical-align: top;
	}
	.tabDetailViewDF2 {
		color: #000; 
		background-color: #fff;
		padding: 4px;
		vertical-align: top;
	}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		color: #1c4da0;
		text-decoration: none;
		}
	a.tabDetailViewDL2Link:hover {
		text-decoration: underline;
		}
	/* calendar styles */
	.monthBox {
	border: 1px solid #bbb;
	}
	.monthHeader {
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-align: left;
		padding: 5px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #666;
		height: 20px;
		background-color: #cedce9;
	}
	.monthHeaderH3 {
	color: #000; 
	font-size: 13px; 
	font-weight: bold; 
	}
	.monthCalBody {
	background-color: #cddce8;
	}	
	.monthFooterPrev, .monthFooterNext {
	padding: 0 5px 2px 5px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #f1f1f1;
	background-color: #dfdfdf;
	}
	.monthHeaderPrevTd {
	padding-left: 2px;
	}
	.monthHeaderNextTd {
	padding-right: 6px;
	}
	a.NextPrevLink:link, a.NextPrevLink:visited {
	color: #000;		
	text-decoration: none;
	font-weight: normal;
	}
	a.NextPrevLink:hover {
	color: #e81a11;
	}	
	.monthCalBodyTHWeek {
	font-size: 12px;
	background-color: #dfe7ed;
	color: #000;
	padding: 5px;
	}
	.monthCalBodyTHDay {
	font-size: 12px;
	background-color: #dfe7ed;
	color: #000;
	padding: 5px;
	}
	.monthCalBodyWeek {
	vertical-align: top;
	background-color: #dfe7ed;
	color: #000;
	padding: 5px;
	}
	a.monthCalBodyWeekLink:link, a.monthCalBodyWeekLink:visited {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}
	a.monthCalBodyWeekLink:hover {
	text-decoration: underline;
	}
	.monthCalBodyWeekDay {
	background-color: #fff;
	color: #000;
	padding: 3px;
	text-align: right;
	}
	.monthCalBodyWeekEnd {
	background-color: #f1f1f1;
	color: #000;
	padding: 3px;
	text-align: right;
	}
	.monthCalBodyTodayWeekEnd {
	border: 1px solid #e81a11;
	background-color: #f1f1f1;
	padding: 3px;
	text-align: right;
	}
	.monthCalBodyTodayWeekDay {
	border: 1px solid #e81a11;
	background-color: #fff;
	padding: 3px;
	text-align: right;
	}
	a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
	color: #000;
	font-size: 12px;
	}
	a.monthCalBodyWeekDayDateLink:hover, a.monthCalBodyWeekEndDateLink:hover {
		color: #e81a11;
	}	
	a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited {
	font-size: 12px;
	}
	a.monthCalBodyDayItemLink:hover {
	font-size: 12px;
	}
	
	.monthCalBodyDayItem {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	}
	.monthCalBodyDayIconTd {
	padding-left: 2px;
	padding-right: 3px;
	vertical-align: top;

	}
	.monthCalBodyDayItemTd {
	vertical-align: top;
	}
	.monthViewDayHeight {
	height: 100px;
	}
	.yearViewDayHeight {
	height: 40px;
	}
	.dailyCalBodyTime {
	vertical-align: top;
	background-color: #dfe7ed;
	color: #000;
	padding: 3px;
	height: 20px;
	}
	.dailyCalBodyItems {
	background-color: #fff;
	color: #000;
	padding: 3px;
	text-align: left;
	}
	
	a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
	color: #000;
	text-decoration: none;
	}
	a.weekCalBodyDayLink:hover {
	text-decoration: underline;
	}
	.yearCalBody {
	background-color: #f1f1f1;
	}
	.yearCalBodyMonth {
	border: 1px solid #f1f1f1;
	background-color: #ccc;	
	padding-top: 5px;
	}

	a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #7f0000;
	}
	a.yearCalBodyMonthLink:hover {
	color: #e81a11;
	}
	h5.calSharedUser {
	color: #444444;
	background-color: #f1f1f1;
	height: 20px;
	padding-top: 5px;
	padding-left: 3px;
	font-size: 12px;
	border-left: 1px solid #cddce8;
	margin-top: 0px;
	}

	/* misc font displays */
	.todaysTask {
		color: #FF7800
	}
	.overdueTask {
		color: #ff0000;
	}
	.required {
		color: #ff0000;
	}
	.error {
		color: #ff0000;
	}
	.success {
		color: #00ee00;
	}
	.rssItemDate {
		color: #666666;
		font-size: 12px;
	}
	.dateFormat {
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
	}
	.chartFootnote {
		font-size: 12px;
	
	}

	.copyRight {
	}
	a.copyRightLink:link, a.copyRightLink:visited {
	}
	a.copyRightLink:hover {
	}
	
	.tm {
		font-size: 8px;
		font-family: Verdana;
	}
	
	.footer {
padding-top: 12px;
padding-bottom: 12px;
	}
	a.footerLink:link, a.footerLink:visited {
	text-decoration: none;
	}
	a.footerLink:hover {
	}
	
	.footerHR {
	color: #b0cbe2;
	}

/* Scheduler Styles */
 .schedulerDiv {
  width: 100%;
  background-color: #f1f1f1;
  	border: 1px solid #bbb;
	border-collapse: collapse;
	margin-top: 0px;
 }
 .schedulerTable {
  width: 100%;
  background-color: #dfe7ed;
	border-collapse: collapse;
 }

 .schedulerTopRow {
 	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #999;
  	background-color: #cedce9;
	border-collapse: collapse;
 }

 .schedulerTimeRow {
	border-bottom: 1px solid #999;
	border-collapse: collapse;
 }
 .schedulerTopDeleteHeaderCell {
	border-collapse: collapse;
 }
 .schedulerDeleteHeaderCell {
	border-collapse: collapse;
 }
 .schedulerTopDateCell {
 padding: 2px;
	font-weight: bold;
	font-size: 12px;
 }
 .schedulerTopHeaderCell {
	border-collapse: collapse;
 }
 .schedulerAttendeeHeaderCell {
	border-collapse: collapse;
 }
 .schedulerAttendeeHeaderCell {
	border-collapse: collapse;
 }

 .schedulerTimeCell {
	border: 1px solid #999;
	font-size:12px;
	font-family:sans-serif;
	padding-left: 4px;
 }

 .schedulerAttendeeCell {
	overflow: hidden;
	border-collapse: collapse;
	border-bottom: 1px solid #fff;
	height: 14px;
    padding-left: 4px;
	width: 125px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
 .schedulerAttendeeDeleteCell {
	color: #000;
	border-bottom: 1px solid #fff;
	padding-left: 4px;
	text-align: left;
}
 .schedulerAttendeeIconCell {
  color: #000000;
  	padding: 0px;
	height: 18px;
	border-collapse: collapse;
	width: 16px;
  }
 .schedulerSlotEmptyDiv {
	border: 0px solid transparent;
  width: 100%;
  height: 100%;
 }
 .schedulerSlotCellStartTime {
	border-left: 4px solid #75AF4F;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0px;
  background-color: #f1f1f1;
  width: 15;
 }
 .schedulerSlotCellEndTime {
	border-left: 4px solid #ff0000;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0px;
  background-color: #f1f1f1;
  width: 15;
 }
 .schedulerSlotCellHour {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 0px;
  background-color: #f1f1f1;
  width: 15;
	 }
 .schedulerAttendeeRow {
      height: 18px;
	}
	.schedulerEvenListRow {
		font-size: 12px;
		color: #000;
		padding: 2px 5px 4px 5px;
		background-color: #f1f1f1;
	}	
	.schedulerOddListRow {
		font-size: 12px;
		color: #000;
		padding: 2px 5px 4px 5px;
		background-color: #f1f1f1;
	}

.cardtable
{
	border: 0px;
	background-color: "#f7f7f7";
}

/* dynamic tab styles */
ul.tablist
{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
border-bottom: 1px solid #9E9E9E;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}

ul.tablist li
{
list-style: none;
margin: 0;
display: inline;
}

ul.tablist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #9E9E9E;
border-bottom: none;
background: #F8F8F9;
text-decoration: none;
}

ul.tablist li a:link { color: #448;text-decoration: none; }
ul.tablist li a:visited { color: #667;text-decoration: none; }

ul.tablist li a:hover
{
color: #000;
background: #EFEFEF;
border-left: 1px solid #888888;
border-right: 1px solid #888888;
border-top: 1px solid #888888;
}

ul.tablist li a.current
{
background: #EFEFEF;
border-bottom: 1px solid #EFEFEF;
}
	
.sqsFloater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.sqsFloater td {
background-color:#f1f1f1;
border:1px inset #999999;
color:black;
}

.sqsMatchedSmartInputItem {
font-size:12px;
padding: 2px 5px 2px 5px;
margin: 0;
cursor: pointer;
cursor: hand;
}

.sqsSelectedSmartInputItem {
background-color:#dfe7ed;
}

#sqsSmartInputResults {
padding:0;margin:0;
}

.sqsNoMatch {
color: #bd0f0a;
border: 1px solid #bd0f0a;
padding: 2px 5px 2px 5px;
font-weight: bold;
}

.olFontClass { }
.olFontClass A { }
.olCapFontClass { 
	font-weight: bold; 
	color: #000000; 
}
.olCapFontClass A { color: #ffffff; font-size: 9px; }
.olFgClass { 
	background-color: #f1f1f1; 
	padding: 2px 5px 5px 5px;
}
.olCgClass td {
	background-color: #dddddd; 
	border-top: 1px solid #f1f1f1; 
	border-bottom: 1px solid #aaaaaa;
	padding-left: 5px; 
}
.olCgClass {
 padding: 0px;
 border: 0px;
}
.olBgClass { background-color: #b0cbe2; }
.olCloseFontClass { 
	text-align: right;
}

/* acl role colors */

.aclAll {
 color: #008000;
 font-weight: bold;
}
.aclOwner {
 color: #000000;
 font-weight: bold;
}
.aclNone {
 color: #FF0000;
 font-weight: bold;
}
.aclEnabled {
 color: #008000;
 font-weight: bold;
}
.aclDisabled {
 color: #FF0000;
 font-weight: bold;
}
.aclAdmin {
 color: #0000FF;
 font-weight: bold;
 
}
.aclNormal {
 color: #008000;
 font-weight: bold;
}

ul.noBullet {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

li.noBullet {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* help styles */
table.tabForm td ul li {
list-style-type: none;
margin-bottom: 10px;
}

.helpButton {
font-weight: bold;
}

.helpShortcut {
font-weight: bold;
}


.dvtTabCache {
	BORDER-BOTTOM: #cacaca 1px solid
}

.dvtUnSelectedCell {
	BORDER-RIGHT: #cacaca 1px solid; 
	/*PADDING-RIGHT: 20px;*/ 
	BORDER-TOP: #cacaca 1px solid; 
	/*PADDING-LEFT: 20px;*/ 
	BORDER-LEFT: #cacaca 1px solid; 
	CURSOR: pointer; BORDER-BOTTOM: #cacaca 1px solid; 
	BACKGROUND-COLOR: #efefef
}
.dvtTabCache {
	BORDER-BOTTOM: #cacaca 1px solid
}
.dvtSelectedCell {
	BORDER-RIGHT: #cacaca 1px solid; 
	/*PADDING-RIGHT: 20px; */
	BORDER-TOP: #999999 3px solid; 
	/*PADDING-LEFT: 20px; */
	FONT-WEIGHT: bold; 
	BORDER-LEFT: #cacaca 1px solid; 
	BACKGROUND-COLOR: white
}


.dvtTabBorder {
	BORDER-BOTTOM: #cacaca 1px solid;BORDER-RIGHT: #cacaca 1px solid;BORDER-LEFT: #cacaca 1px solid
}

.small {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
/*Add by Edison tsai for LeftCol Menu*/
	.subMenu {
		font-size: 12px;
		color: #ffffff;
		background-color: #efefef;
		border-bottom: 1px solid #9E9E9E;
		border-left: 1px solid #9E9E9E;
		border-right: 1px solid #9E9E9E;
		}
	.subMenuTDIcon {
		font-size: 12px;
		color: #ffffff;
		background-color: #efefef;
		padding-bottom: 2px;
		padding-top: 1px;
		padding-left: 3px;
		padding-right: 3px;
		border-right: 1px solid #fefefe;
		}
	.subMenuTD {
		font-size: 12px;
		color: #ffffff;
		background-color: #DFDFDF;
		padding-bottom: 2px;
		padding-top: 1px;
		border-bottom: 1px solid #EDEDED;
		}
	a.subMenuLink:link, a.subMenuLink:visited {
		color: #444444;
		text-decoration: none;
		border-bottom: 0px;
		padding-left: 0px;
		}
	a.subMenuLink:hover {
		color: #666666;
		text-decoration: none;
		border-bottom: 0px;
		}

	/*moon style*/
	/* 圆角 */
	TD.SELECTED {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:0PX #C9D1DE SOLID;BORDER-RIGHT:0PX #C9D1DE SOLID;BORDER-TOP:0PX #C9D1DE SOLID;cursor:pointer;HEIGHT:20PX;background-image:url(/crm/image/moon_selected.png);width:52px;height:20px;COLOR:#000;text-align:center}
    .UNSELECT {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:0PX #C9D1DE SOLID;BORDER-RIGHT:0PX #C9D1DE SOLID;BORDER-TOP:0PX #C9D1DE SOLID;cursor:pointer;HEIGHT:20PX;background-image:url(/crm/image/moon_unselected.png);width:52px;height:20px;COLOR:#8D95AC;text-align:center}
	.SELECTED2 {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:0PX #C9D1DE SOLID;BORDER-RIGHT:0PX #C9D1DE SOLID;BORDER-TOP:0PX #C9D1DE SOLID;cursor:pointer;HEIGHT:20PX;background-image:url(/crm/image/moon_selected3.png);width:36px;height:20px;COLOR:#000;text-align:center}
	.UNSELECT2	 {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:0PX #C9D1DE SOLID;BORDER-RIGHT:0PX #C9D1DE SOLID;BORDER-TOP:0PX #C9D1DE SOLID;cursor:pointer;HEIGHT:20PX;background-image:url(/crm/image/moon_unselected3.png);width:36px;height:20px;COLOR:#8D95AC;text-align:center}
	/*
	TD.SELECTED {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:1PX #C9D1DE SOLID;BORDER-RIGHT:1PX #C9D1DE SOLID;BORDER-TOP:1PX #C9D1DE SOLID;CURSOR:HAND;HEIGHT:20PX;FILTER: PROGID:DXIMAGETRANSFORM.MICROSOFT.GRADIENT(GRADIENTTYPE=0, STARTCOLORSTR=#F3F7FE, ENDCOLORSTR=#ffffff);height:20px;COLOR:#000;}
    .UNSELECT {PADDING:2PX 4PX 2PX 4PX; BORDER-LEFT:1PX #C9D1DE SOLID;BORDER-RIGHT:1PX #C9D1DE SOLID;BORDER-TOP:1PX #C9D1DE SOLID;CURSOR:HAND;HEIGHT:20PX;height:20px;COLOR:#8D95AC;}
    */
    
    /*{ PADDING:2PX 7PX 2PX 7PX; background-image:url(/crm/themes/OA/images/selected3.gif);BORDER-RIGHT: #98A4CC 1PX SOLID; FONT-SIZE: 12px; BORDER-LEFT: #FFFFFF 1PX SOLID; CURSOR: HAND; COLOR: #2E4B5D; BORDER-BOTTOM: #F2F2F2 1PX SOLID; BORDER-LEFT: #98A4CC 1PX SOLID;	BACKGROUND-COLOR: #525F93;HEIGHT:20PX;TEXT-ALIGN:CENTER;}

	/*moon style for tab*/
*{ padding:0px; margin:0px;}
body{ text-align:center;font-size:12px;}
.page{
 width:600px;
 margin:10px auto; 
 text-align:left;
 }
/*内容模块 */
.tab_mo{ 
border:1px solid #ccc; 
border-top:none; 
padding:10px;
}
/*菜单模块 */
.tab{
 border-bottom:0px solid #ccc; /* 菜单模块的底部边框，也就是内容模块的上边框 */
 list-style:none;
 padding:4px 5px 3px 5px;
 text-decoration:none;
 }
.tab li{ 
display:inline; /* 【重点】让li横向排列。*/
 font-size:12px;
 }
.tab li.wait a{ 
padding:3px 4px; /* 因为没有固定高度，所以用填充来调整显示效果。 */
border:1px solid #ccc;  /* 菜单项的边框 */
color:#888; 
border-bottom:none; /* 底部无边框 */
text-decoration:none;
background:#e1e1e1;

}
/*鼠标经过时的样式 */
.tab li a:hover{ 
background:#fff; 
border-bottom:none; /*  隐藏菜单项的底部边框 */
position:relative;  /* 【重点】菜单项里面的连接使用了相对定位 */
top:1px;            /* 【重点】相对于外层顶部为1像素，正好是底部边框的像素。所以就遮住了ul的底部边框 */
color:#009933; 
font-weight:bold;
font-size:14px;
text-decoration:none;
background-image: url(/crm/themes/OA/images/mainbg2.gif);
	background-color:#ffffff;
	background-repeat: no-repeat; 
	background-attachment: fixed;
}
/*选中时的样式 */
.tab li.no a{ 
padding:3px 4px; /* 因为没有固定高度，所以用填充来调整显示效果。 */
border:1px solid #ccc;  /* 菜单项的边框 */
background:#fff; 
border-bottom:none; /*  隐藏菜单项的底部边框 */
position:relative;  /* 【重点】菜单项里面的连接使用了相对定位 */
top:1px;            /* 【重点】相对于外层顶部为1像素，正好是底部边框的像素。所以就遮住了ul的底部边框 */
color:#009933; 
font-weight:bold;
font-size:14px;
text-decoration:none;
background-image: url(/crm/themes/OA/images/mainbg2.gif);
	background-color:#ffffff;
	background-repeat: no-repeat; 
	background-attachment: fixed;
}

/*mooncrm v2.0*/
.editview{background-image: url(/crm/images/mainbg22.gif);
background-color:#ffffff;
background-repeat: repeat-x; 
background-attachment: fixed;
}

.detailview{background-image: none;
background-color:#ffffff;
background-repeat: no-repeat; 
background-attachment: fixed;
}

.listview{
background-color:#ffffff;
background-repeat: no-repeat; 
background-attachment: fixed;	
}

/*for corner*/
#corner td{font-size:9pt;word-break: break-all}
#corner{font-size:1px}
#tit{height:20px;color:black;}
/*#txt{font-size:9pt;line-height:150%;background:#EDF4FF;border-top:1px;border-bottom:0px;border-left:0px;border-right:0px;border-style:solid}*/
.l,.r,.tl,.tr,.bl,.br{width:3px}
.t,.b,.tl,.tr,.bl,.br{height:3px}

/*for list table*/
.listtable{
table-layout:fixed;
border-bottom: #000 0px solid; 
border-top: #c8e2fb 1px solid;
}
.listtable .trhead{
background-color: #A4CEF9;
height:20px;
cursor:pointer;
}
.listtable .trhead_small{
background-color: #A4CEF9;
/*BACKGROUND: url(/crm/image/title_bar.gif) repeat-x; #f1f1f1;*/
height:20px;
cursor:pointer;
}
.listtable .trhead .tdleft{
border-bottom: #b1d3f8 1px solid;
border-right: #76b1ef 1px solid;
border-left: #c5def9 0px solid;
}
.listtable .trhead .tdmid{
padding-left: 2px; 
border-bottom: #b1d3f8 1px solid;
border-right: #76b1ef 1px solid;
border-left: #c5def9 1px solid;
}
.listtable .trhead .tdright{
padding-left: 2px; 
border-bottom: #b1d3f8 1px solid;
border-right: #76b1ef 0px solid;
border-left: #c5def9 1px solid;
}

.trodd, .treven{
height:20px;
cursor:pointer;
}
.listtable .trodd{
background-color: #fff;
}
.listtable .treven{
background-color: #f1f4f8;
}
.listtable .tropr{
display:none;
background-color:'#CFE4F9';
}
.listtable .trover{
background-color: #CFE4F9;
}

.tdfirst, .tdcheckbox{
border-top: #76b1ef 1px solid;
}

.tdfirst, .tdcommon{
padding-left: 4px;

width:100%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

/*for listtable2*/
.listtable2{
background-color: #ffffff;
}
.listtable2 .trhead{
background-color: #f1f4f8;/*#CFE4F9;*/
font-weight:bold;
}
.listtable2 td
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.listtable2 .tdtop
{
	border-top: #b1d3f8 1px solid;
}
.listtable2 .tdtop1
{
	border-top: #b1d3f8 1px solid;
	font-weight: normal;
}

.listtable2 .tdpage
{
	padding-top: 0px;
	padding-bottom: 0px;
	height: 15px;
}

a.normal2link:link, a.normal2link:visited {
		color: blue;
		text-decoration: underline;
		}
a.normal2link:hover {
		color: red;
		text-decoration: underline;
		}